<template>
	<div
		class="settings-security grid gap-x-[10px] gap-y-6 text-t-1"
		:class="isDesktop ? 'grid-cols-2' : 'grid-cols-1'">
		<ChangePassword />
		<Enable2fa />
	</div>
</template>

<script setup lang="ts">
import { isDesktop } from '@/hooks'
import ChangePassword from './change-password.vue'
import Enable2fa from './enable2fa.vue'
</script>

<style scoped></style>
